<template>
  <div class="shoppeople">
    <div class="lists">
      <div v-for="(item,index) in shoppeople" :key="index">
        <router-link :to="{path:'/customerDetail', query:{id:item.id}}">
          <van-cell :title="item.shopname" is-link>
            <template #right-icon>
              <span class="custom-title">编号：{{item.id}}</span>
              <!-- <van-icon dot v-if="item.codes==1?showHot=1:showHot=0" /> -->
              <van-icon name="arrow" color="#c2c2c2" size="15" />
            </template>
          </van-cell>
        </router-link>
      </div>
    </div>
  </div>
</template>

<script>
import Vue from 'vue';
import { Cell, CellGroup, Icon } from 'vant'
Vue.use(Cell, CellGroup, Icon)

export default {
  name: 'shoppeople',
  data () {
    return {
      showHot: 0,
    }
  },
  props: ['shoppeople']
}
</script>

<style lang="less" scoped>
.shoppeople {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: #fff;
  /deep/ .van-cell__value {
    color: black;
  }
  /deep/ .van-icon {
    margin-top: 5px;
    margin-left: 10px;
  }
  .lists {
    width: 100%;
    /deep/ .van-cell {
      border-bottom: 1px solid #d7d7d7;
    }
    .custom-title {
      position: absolute;
      right: 40px;
    }
  }
}
</style>